<template xmlns="">
  <div>
    <router-view></router-view>
    <van-tabbar v-model="active">
      <van-tabbar-item>
        <span class="mintui mintuielema"></span>
        <router-link :to="{name:'home'}" class="linkApp">首页</router-link></van-tabbar-item>
      <van-tabbar-item>
        <span class="mintui mintuifount"></span>
        <router-link :to="{name:'found'}" class="linkApp">发现</router-link></van-tabbar-item>
      <van-tabbar-item>
        <span class="mintui mintuimintuiDingdan"></span>
        <router-link :to="{name:'order'}" class="linkApp">订单</router-link></van-tabbar-item>
      <van-tabbar-item>
        <span class="mintui mintuiwode"></span>
        <router-link :to="{name:'mine'}" class="linkApp">我的</router-link></van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        active: 0
      }
    }
  }
</script>

<style lang="less" scoped>
  @import "http://at.alicdn.com/t/font_1489430_12mo55xe4ujp.css";
  *, *::before, *::after,img,span,div{
    padding: 0;
    margin: 0;
  }
  .mintui {
    font-family: "mintui" !important;
    font-size: 1.15rem;
  }

  .van-tabbar {
    /*border-top: 0.1rem solid #eee;*/
    box-shadow: 0 0rem 0.2rem #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 2.4rem;
    padding-top: 0.5rem;
    background-color: #fff;
    .linkApp{
      display: block;
      padding-top: 0.2rem;
      font-size: 0.55rem;
      color: #666;
    }
    .linkApp:hover{
      text-decoration: none;
      font-weight: bold;
    }
  }
</style>
